<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./layui/css/layui.css">
    <link rel="stylesheet" href="./css/color.css">
    <link rel="stylesheet" href="./css/wtlotcMt-header.css">
    <link rel="stylesheet" href="./css/wtlPayMt.css">
    <link rel="stylesheet" href="./css/sideChainMt.css">
    <title>侧链</title>
</head>
<body>
<div id="main">
    <div class="l-header-info layui-form ">
        <!--右侧菜单-->
        <!--<img class="l-slide-menu" src="./image/mt-menu.png" alt="图片无法显示">-->
        <div  id="lang" class="l-slide-lang">
            <select  lay-filter="lang" lay-verify="required">
                <option value="CN" ><a href="">中文</a></option>
                <option value="USA"><a href="">英语</a></option>
            </select>
        </div>


        <!--wtllogo-->
        <div  id="country" class="l-tips-inline">
            <img class="l-logo-mt" src="./image/wtlogo.png" alt="无法显示">
        </div>

        <!--下滑菜单-->
        <div class="l-glide-menu">
            <!--下滑菜单图标-->
            <div class="l-glide-icon"></div>

            <!--下滑菜单内容-->
            <div class="l-glide-content l-active">
                <a href="#" class="l-glide-item">首页</a>
                <a href="#" class="l-glide-item">关于我们</a>
                <a href="#" class="l-glide-item">团队介绍</a>
                <a href="#" class="l-glide-item">技术概要</a>
                <a href="#" class="l-glide-item">规划进程</a>
                <a href="#" class="l-glide-item">新闻资讯</a>
                <a href="#" class="l-glide-item">个人中心</a>
            </div>
        </div>
    </div>

    <!--内容显示，图标列表-->
    <div class="l-content">
        <p class="l-text-center"><span class="l-title">资产总览</span></p>

        <!--图标列表-->
        <div class="l-menu">
            <div class="l-row">
                <div class="l-menu-item">
                    <img src="./image/cl_02.png" alt="无法显示">
                    <p class="l-menu-name">资产</p>
                </div>

                <div class="l-menu-item">
                    <img src="./image/cl_04.png" alt="无法显示">
                    <p class="l-menu-name">矿机购买</p>
                </div>

                <div class="l-menu-item">
                    <img src="./image/cl_06.png" alt="无法显示">
                    <p class="l-menu-name">押金钱包</p>
                </div>
            </div>

           <div class="l-row">
               <div class="l-menu-item">
                   <img src="./image/cl_08.png" alt="无法显示">
                   <p class="l-menu-name">区块说明</p>
               </div>

               <div class="l-menu-item">
                   <img src="./image/cl_10.png" alt="无法显示">
                   <p class="l-menu-name">收益钱包</p>
               </div>

               <div class="l-menu-item">
                   <img src="./image/cl_12.png" alt="无法显示">
                   <p class="l-menu-name">钱包下载</p>
               </div>
           </div>
        </div>

        <!--收益信息-->

        <div class="l-radius-content">
            <p class="l-text-center"><span class="l-title l-color-back">ECS收益</span></p>

            <div class="l-content-list">

                <div class="l-list-item">
                    <p class="l-weight">ECS信息</p>
                    <p><span class="l-color-gray">侧链余额</span><span class="l-color-red">544</span></p>
                    <p><span class="l-color-gray">矿石余额</span><span class="l-color-red">544</span></p>
                    <p><span class="l-color-gray">级别</span><span class="l-color-red">金钻（v5）</span></p>
                </div>

                <div class="l-list-item">
                    <p class="l-weight">ECS数量</p>
                    <p><span class="l-color-gray">活跃</span><span class="l-color-gray">0</span></p>
                    <p><span class="l-color-gray">非活跃</span><span class="l-color-red">1</span></p>
                </div>

                <div class="l-list-item">
                    <p class="l-weight">ECS余额</p>
                    <p><span class="l-color-gray">今日收益</span><span class="l-color-red">16</span></p>
                    <p><span class="l-color-gray">昨日收益</span><span class="l-color-red">18</span></p>
                </div>

                <div class="l-list-item">
                    <p class="l-weight">ECS收益</p>
                    <p><span class="l-color-gray">侧链余额</span><span class="l-color-red">3113.6</span></p>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="./layui/layui.js"></script>
<script src="./js/vue.js"></script>
<script src="./js/animate.js"></script>
<script src="./js/wtlSideChainMt.js"></script>
</html>